<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
		
			*{
				padding: 0;
				margin: 0;
			}
			
			nav{
				/*width: 100%;*/
				/*background: pink;*/
			}
			
			.father{
				width: 1200px;
				/*background: red;*/
				/*overflow: hidden;*/
				margin: 0 auto;
			}
			
			.father img{
				float: left;
			}
			
			ul{
				float: right;
				list-style: none;
			}
			
			ul li{
				float: left;
				width: 121px;
				height: 74px;
				text-align: center;
			}
			
			ul li a{
				text-decoration: none;
				color: #333;
				line-height: 74px;				
			}
			
			ul li:hover{
				border-bottom: 6px solid #866961;
				cursor: pointer;
			}
			
			ul li:hover a{
				color: #866961;
				
			}
			.banner_pic{
				height: 473px;
			}
			
			.banner_pic img{
				width: 100%;				
			}
				

			.flow_one{
				clear: both;
			}
			
			.us{				
				overflow: hidden;
				width: 252px;
				margin: 10px auto 0 auto;				
			}
			
			.middle{
				width: 1086px;				
				margin:40px auto 0 auto;
				overflow: hidden;					
			}
			
			.middle_left{
				
			}
			
			.middle_left{
				float: left;
			}
			
			.middle_right{
				float: left;
				height: 600px;
				width: 570px;
				margin-left: 100px;				
			}
			
			.middle_right p{
				color: #393438;
			}
			
			.section_two{
				margin-top: 20px;
			}
		</style>
		
	</head>
	<body>
		<nav>
			<div class="father">
				<div><img src="imges/首页_02.png"></div>
				<div>
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">产品介绍</a></li>
						<li><a href="#">我的团队</a></li>
						<li><a href="#">联系我们</a></li>
					</ul>
				</div>
			</div>
			<div class="flow_one"></div>
		</nav>
		
		
		
		<div class="banner_pic">
			<img src="imges/banner图_02.png"/>
		</div>
		
		
		<div class="section_one">
			<div style="text-align: center;margin-top: 50px;">
				<p style="font-size: 20px;color: #393438;">关于我们</p>		
			</div>							
			<div class="us">
				<img src="imges/Abus.png"/>
			</div>
			
			<div class="middle">
					<div class="middle_left">
						<img src="imges/首页_09.png"/>
					</div>
					
					<div class="middle_right">
						<p style="font-size: 20px;">公司简介</p>	
						<p style="margin-top: 30px;margin-bottom: 30px;">——</p>
						<p style="text-indent: 2em;margin-bottom: 30px;">二十世纪三十年代,巴西咖啡柬生产过剩，剩余的咖啡豆只能当燃料消耗,非常可惜。当巴
							西政府向雀巢公司寻求咖啡豆过剩的解决方法的时候，并没有意识到这最终成就了-一个历久弥醇
							的伟大的咖啡品牌。1930年 ,巴西咖啡连续经历了几次大丰收,短期内难以完全销售,便向雀巢
							求助，求令咖啡不失香醇的长期保存方式。咖啡权威一马克思 ●莫根特尔(Max Morgenthal
							er)立刻同他的研究队伍着手研究,试图制造一种既可以较好保存咖啡芳香又易溶于热水的"固体咖
							啡"。经过在雀巢瑞士实验室长达七年的不懈努力, 30年代末,雀巢向市场推出速溶咖啡，“雀巢
							咖啡”品牌创立。							
						</p>
						
						<p style="text-indent: 2em;">
							1988年,雀巢通过考察确定云南适宜种植咖啡,决定支持云南省的咖啡种植。随后于1992年
							在云南思茅地区成立咖啡农艺服务部,帮助当地发展咖啡种植业。1997年 ，雀巢公司在西双版纳
							创建试验示范农场,从零开始,让农民得到方方面面的实际培训，大大促进了当地小粒种咖啡豆的
							发展，并使-一个产量低、质量次的咖啡豆产地发展成-一个产量高、质量优且已引起全球咖啡界关注
							的咖啡豆产地。雀巢不仅让农民通过种植咖啡获得了稳定的收入当地农民通过向雀巢了解国际现货
							市场价格甚至自己.上网查询交易网站的价格,学会根据波动分忻销售咖啡的时机。
						</p>
					</div>
			</div>
			
			<div>
				<img style="width: 100%;margin-bottom: 50px;" src="imges/首页_12.png"/>
			</div>
		</div>
		
		<div class="section_two">
			<div style="text-align: center;margin-top: 50px;">
				<p style="font-size: 20px;color: #393438;">产品介绍</p>		
			</div>							
			<div class="us">
				<img src="imges/首页_13.png"/>
			</div>
		</div>
	</body>
</html>
